<div class="flex-1 flex dataset-forms-bg items-center shape s2">
  <app-summarize-background></app-summarize-background>
  <div class="container mx-auto pt-16 pb-16 w-full h-full flex flex-col z-10">
    <div class="text-5xl font-bold" translate>
      datafeeder.summarizePage.title
    </div>
    <div class="pb-4 pt-4">
      <ui-step-bar
        [steps]="numberOfSteps"
        [currentStep]="numberOfSteps"
        type="primary"
      ></ui-step-bar>
    </div>
    <div class="flex-1 pt-16 pl-20 pr-20 flex flex-col justify-between">
      <div class="flex">
        <div class="flex-1 flex flex-col">
          <lib-wizard-summarize></lib-wizard-summarize>
          <ui-button
            class="pt-10"
            type="primary"
            extraClass="rounded-full px-20"
            (click)="submit()"
            ><span class="uppercase text-white font-bold" translate
              >datafeeder.summarizePage.submit</span
            ></ui-button
          >
        </div>
        <div class="flex-1">
          <app-summarize-illustration></app-summarize-illustration>
        </div>
      </div>
      <ui-button
        type="primary"
        extraClass="rounded-full px-20 secondary"
        (click)="previous()"
        ><span class="uppercase font-bold"
          >&lt; <span translate>datafeeder.summarizePage.previous</span></span
        ></ui-button
      >
    </div>
  </div>
</div>
